<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1>The Jquery Ajax 01 Page</h1>
    <button onclick="doAjax()">$.ajax(...)</button>
    <button onclick="doAjaxPost()">$.post(...)</button>
    <button onclick="doAjaxGet()">$.get(...)</button>
    <button onclick="doAjaxLoad()">$.("...").load(...)</button>
    <div id="result"></div>
    <script src="/static/js/jquery.min.js"></script>
    <script>
        function doAjax() {
            let url="http://localhost:8080/doAjaxGet";
            let params="";
        //     //这里的$代表jQuery对象
        //     //ajax({})这是jquery对象中的一个ajax函数(封装类ajax的基本操作步骤)
        //     $.ajax({
        //         type:"GET",     //可省略
        //         url:url,
        //         data:params,
        //         async:true,//默认为true,表示异步
        //         success:function (result) {//result为服务端响应的结果
        //             console.log(result)
        //         }//success函数会在服务端响应状态status==200，readyState==4的时候执行
        //     })

            $.get(){
                $("#result")
            }
        }
    </script>
    <script>
        function doAjaxPost() {
            console.log(result);
            let url="http://localhost:8080/doAjaxPost";
            let params="id=101&name=Computer&remark=Computer...";

            // $.ajax({
            //     // type:"GET",     //可省略
            //     type:"POST",
            //     url:url,
            //     data:params,
            //     contentType:"application/x-www-form-urlencoded",//指定客户端向想服务端传输的数据类型
            //     // async:true,//默认为true,表示异步
            //     success:function (result) {//result为服务端响应的结果
            //         console.log(result)
            //     }//success函数会在服务端响应状态status==200，readyState==4的时候执行
            // })
            $.post(url,params,function (result) {

            })
        }
    </script>

    <script>
        function doAjaxLoad() {
            let url = "http://localhost:8080/doAjaxGet";
            let params = "";
            $("#result").load(url,params);
        }
    </script>
</body>
</html>